<script setup lang="ts">
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col overflow-hidden bg-white">
    <wd-navbar
      title="更多设置"
      left-text="返回"
      :bordered="false"
      left-arrow
      @click-left="handleClickLeft"
    />
    <scroll-view scroll-y class="box-border flex-1 overflow-hidden" :show-scrollbar="false">
      <wd-cell-group border>
        <wd-input
          label="名称"
          placeholder="请输入"
          custom-input-class="text-align-right"
          placeholder-class="text-align-right"
        />
        <custom-wd-input-single-select
          label="类型"
          placeholder="请选择"
          placeholder-class="text-align-right"
          title="请选择类型"
        />
        <wd-cell title="图标样式" center>
          <view class="inline-flex items-center">
            <wd-img src="/static/demo2.png" :width="36" :height="36" />
            <wd-icon name="chevron-right" color="#909193" class="ml-2" size="16px" />
          </view>
        </wd-cell>
        <wd-input
          label="编码"
          placeholder="请输入"
          custom-input-class="text-align-right"
          placeholder-class="text-align-right"
        />
        <view class="my-3 px-[15px]">
          <wd-text text="结账方式配置" size="14px" />
        </view>
        <wd-cell title="记入收入规则" value="记入收入" />
        <wd-input
          label="手续费率"
          placeholder="请输入"
          custom-input-class="text-align-right"
          placeholder-class="text-align-right"
        >
          <template #suffix>
            <wd-text text="%" color="#333" />
          </template>
        </wd-input>
        <wd-cell title="收入部分是否可以开发票">
          <wd-switch size="20px" />
        </wd-cell>
        <wd-cell title="收银端显示此结账方式">
          <wd-switch size="20px" />
        </wd-cell>
        <wd-cell title="点餐助手、平板点餐端显示此结算方式" title-width="70%">
          <wd-switch size="20px" />
        </wd-cell>
        <wd-cell title="是否支持会员储值和权益购买" title-width="70%">
          <wd-switch size="20px" />
        </wd-cell>
        <wd-cell title="是否支持会员消费赠积分" title-width="70%">
          <wd-switch size="20px" />
        </wd-cell>
        <wd-cell title="是否支持挂账还款" title-width="70%">
          <wd-switch size="20px" />
        </wd-cell>
        <wd-cell title="是否支持收定金" title-width="70%">
          <wd-switch size="20px" />
        </wd-cell>
        <wd-cell title="是否支持礼品卡购买" title-width="70%">
          <wd-switch size="20px" />
        </wd-cell>
      </wd-cell-group>
    </scroll-view>
    <view class="flex border-t-1 border-border border-t-solid bg-white p-4">
      <wd-button type="primary" :round="false" class="flex-1">保存</wd-button>
    </view>
  </view>
</template>

<style scoped lang="scss"></style>
